/*
* Tencent is pleased to support the open source community by making WeUI available.
* 
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
* 
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
* 
*       http://opensource.org/licenses/MIT
* 
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/

@import "../../base/fn";

.weui-article {
    padding: 48px 24px;
    padding: 48px calc(24px ~"+ constant(safe-area-inset-right)") calc(48px ~"+ constant(safe-area-inset-bottom)") calc(24px ~"+ constant(safe-area-inset-left)");
    padding: 48px calc(24px ~"+ env(safe-area-inset-right)") calc(48px ~"+ env(safe-area-inset-bottom)") calc(24px ~"+ env(safe-area-inset-left)");
    color: var(--weui-FG-0);
    font-size: 17px;
    line-height: 1.6;
    .hyphens;
    section {
        margin-bottom: 48px;
        section{
          margin-bottom: 32px;
          section{
            margin-bottom: 24px;
          }
        }
    }
    h1,h2,h3,h4,h5,h6{line-height:1.4;}
    h1 {
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 48px;
        text-align:center;
    }
    h2 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 16px;
    }
    h3 {
        font-size:17px;
        font-weight: 500;
        margin-bottom: 8px;
    }
    h4 {
        font-size:17px;
        font-weight: 400;
        margin-bottom: 4px;
    }
    h5,h6 {
      font-weight:400;
    }
    * {
        max-width: 100%;
        box-sizing: border-box;
        word-wrap: break-word;
    }
    img{
      vertical-align:bottom;
    }
    p {
        margin: 0 0 24px;
    }
    ol,ul{
      list-style:none;
      margin-bottom:24px;
      & ol,
      & ul{
        padding-left:16px;
        margin-bottom:0;
      }
    }
}
